Background de formulaire

Jacobéo, le jeudi 28 août 2008 à 18:25:51

Bonjour,

Je souhaite modifier la couleur blanche et opaque par défaut d'un formulaire pour la tranformer en un blanc transparent de xx% qui permettrait de voir l'image du div placé en dessous. Je ne trouve pas le moyen CSS pour aboutir à mon souhait. Quelqu'un a-t'il une solution à me proposer ?

Merci
Jacobéo
Internet ne vaut que s'il est partagé ...
Jacques

Configuration: Windows XP
Internet Explorer 7.0

Répondre à Jacobéo Signaler ce message aux modérateurs Aller au dernier message

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Dalida, le jeudi 28 août 2008 à 19:23:08

salut Jacobéo !

pour la transparence il n'y a pas encore de propriété CSS qui soit interprétée par tout le monde.

tu peux soit utiliser plusieurs propriétés à la fois (CSS3, Mozzila et MSIE) :

form{
background-color:#FFF;
opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
}

soit utiliser un GIF transparent (meilleur que le PNG puisqu'interprété par IE) en image de fond.

si ça ne fonctionne pas sur <form> essaie en ajoutant un <fieldset>.
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Jacobéo, le jeudi 28 août 2008 à 19:46:10

Salut Dalida,

Je m'y colle maintenant et te tiens au courant.
Merci
Internet ne vaut que s'il est partagé ...
Jacques

Répondre à Jacobéo

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Jacobéo, le jeudi 28 août 2008 à 20:14:18

Super comme résultat. Merci Dalida.
Je n'avance pas très vite (beaucoup d'occupations en extérieur), mais je cherche des détails comme celui-ci qui me semble donner un plus au graphisme. J'ai aussi trouvé un moyen pour aérer l'ensemble, en ajoutant dans le formulaire, un espace (image transparente,.. encore!) à cet endroit :
<p id="adr">
<label for="mail"> <img name="image" src="" width="32" height="32" alt="" /> <span class="Style3">Votre adresse "Courriel" :</span>
<input name="votremail" tabindex="20" size="30" type="text" id="mail" value="<?php echo $votremail; ?>" />
</label>
</p>

Rien d'extraordinaire, mais quand on cherche, on fait parfois des erreurs qui amènent à... des effets sympas.
Internet ne vaut que s'il est partagé ...
Jacques

Répondre à Jacobéo

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Dalida, le jeudi 28 août 2008 à 20:58:54

horreur !!!
une balise vide et une image de surcroît !
-:oD

et avec un :

p#adre label{
padding-top:32px; /* ou margin-top:32px;*/
}

ça ne fonctionne pas ?

si il ne le prend pas tu peux l'appliquer au <p>.
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

Jacobéo, le jeudi 28 août 2008 à 22:14:30

Euh... pardon maître !
La balise vide est en réalité une balise mise en plae ici pour montrer le lien avec une ima transparente ou un philigrane.
Je vais donc essayer ta solution. Je viens encore d'apprendre un truc de plus, je vais pouvoir dormir tranquille.

Je reviens demain. Bonne nuit.
Internet ne vaut que s'il est partagé ...
Jacques

Répondre à Jacobéo

Posez votre question Répondre